<template>
	<div class="TAapp col-f">
		<div class="title text-center">
			<div class="container">
				<img src="../../static/img/TAapp/icon_taappbiaoti_gncp.png"/>
				<h3 class="col-f mt10">功能产品</h3>
				<div class="title-line"></div>
				<div class="sanjiao"></div>
			</div>
		</div>
		<div class="txt">
			<div class="container text-center">
				<div class="row">
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_tokenhongbao.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">Token红包</h4>
							    <p class="text-left">偏游戏形态的Token红包</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media media_c">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_qukuaizhipin.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">区块链招聘</h4>
							    <p class="text-left">区块链行业专属的招聘渠道</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_imshequn.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">IM社群</h4>
							    <p class="text-left">多因素的社群驱动Token经济</p>
						    </div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_tokenliangpiao.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">Token粮票</h4>
							    <p class="text-left">平滑接入餐馆，不止买Pizza</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_qianbao.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">钱包</h4>
							    <p class="text-left">带有防火墙的钱包</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_jiamitongxun.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">加密通讯</h4>
							    <p class="text-left">其于P2P(端对端)的加密通讯</p>
						    </div>
						</div>
					</div>
				</div>
				<div class="row">	
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_hangqing.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">行情</h4>
							    <p class="text-left">Token信息及最新市场行情</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_taquan.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">TA圈</h4>
							    <p class="text-left">多界面连动的朋友圈</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_tokenzhifu.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">Token支付</h4>
							    <p class="text-left">Payment Routing</p>
						    </div>
						</div>
					</div>
				</div>
				<div class="row">	
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_kongtou.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">空投</h4>
							    <p class="text-left">快速一键空投糖果</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_meiti.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">媒体</h4>
							    <p class="text-left">多终端,多场景,多平台连动的媒体方案</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_toupiao.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">投票</h4>
							    <p class="text-left">易于使用的投票系统</p>
						    </div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_p2pliutong.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">P2P流通交易</h4>
							    <p class="text-left">专为保护韭菜而生</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" style="" src="../../static/img/TAapp/icon_taappgncp_c2cjiaoyi.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">C2C交易</h4>
							    <p class="text-left">大妈都会用的C2C交易使用体验</p>
						    </div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="media">
						    <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="../../static/img/TAapp/icon_taappgncp_yuehoujifen.png" alt="...">
							    </a>
						    </div>
						    <div class="media-body">
							    <h4 class="media-heading text-left">阅后即焚</h4>
							    <p class="text-left">阅后即焚及截屏提醒</p>
						    </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<img width="100%"  src="../../static/img/bg/pic_yemain_dituyuansu02.png" class="bg-img"/>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.TAapp{background: #261452 url(../../static/img/circulation/bg_content.png)0 0 no-repeat;background-size:100%;padding: 40px 0;position: relative;}
	.title{padding-bottom: 50px;}
	.txt .col-xs-4{padding-left: 5.8%;}
    .txt h4{margin-top: 10px;}
    .txt p{width: 100%;margin: 0px auto;line-height: 24px;}
    .bg-img{position: absolute;left: 0;bottom: 0;}
    .media{margin: 50px auto 0 auto;position: relative;}
</style>